<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
		<title>yct</title>
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="main">
			<img src="img/58@2x.png" width="100%" height="100%" class="background" />
			<div class="main_content">
				<div class="banner" id="banner" v-cloak>
					<div class="img">
						<img v-for="banners in banner_all.banner_pics" :src="banners" width="80%" height="100%" />
					</div>
				</div>
				<div class="list">
					<ul>
						<li>
							<a href="content.html?course_type=2&extend_type=1">yct-1</a>
						</li>
						<li>
							<a href="content.html?course_type=2&extend_type=2">yct-2</a>
						</li>
						<li>
							<a href="content.html?course_type=2&extend_type=3">中文学习重难点</a>
						</li>
					</ul>
				</div>
				<div class="main_bottom">
					<p>马德里育才现代汉语学校:</p>
					<p style="font-size: 0.7rem;">YCT是一项国际汉语能力标准化考试，主要面向海外青少年学习汉语提供参考依据，也适合中国国内学龄前儿童入学准备。本课程除了认真准备生动有趣的各种教学，还精心在课后为海外青少年筹备了一场“一分钟中国文化”盛宴。中国虽远，但中国文化近在咫尺，此般，中国语言将是一次有温度的学习之旅。
					</p>
					<p>Pruebas YCT:</p>
					<p style="font-size: 0.7rem;">YCT son pruebas de nivel de chino para niños y adolescentes organizadas y supervisadas por el Instituto de Confucio. El contenido de este curso está diseñado específicamente para jóvenes que no hablan chino como su lengua materna. Además de cubrir el temario de YCT, las presentaciones “Un minuto de cultura china” permiten un acercamiento a China estando tan lejos de este país y un mejor entendimiento del idioma chino.
					</p>
				</div>
			</div>
		</div>
		<script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//调用轮播图接口,淘淘图书馆
			$.ajax({
				url: apiPath + 'common/banner',
				type: 'post',
				dataType: 'json',
				data: {
					banner_type: 5,
					flagsign: 1
				},
				success: function(data) {
					var right = new Vue({
						el: '#banner',
						data: {
							banner_all: data.returnData,
						},
						mounted: function() {
							var index = 0;

							function play(index) {
								// 大图切换 ：大图显示，其余的大图隐藏（当前元素的前后兄弟元素隐藏）
								$(".banner>div img").eq(index).show().siblings('img').hide();
							}
							// 自动播放
							function autoPlay() {
								//创建定时器，每一毫米调用一次play()
								timer = setInterval(function() {
									//下一张 索引值++
									index++;
									//边界判断 索引值=10，重新赋值
									index = index % data.returnData.banner_pics.length;
									//调用play()
									play(index);
								}, 2000);
								//		console.log(timer);

							};
							// 启动自动播放
							autoPlay();
						}
					});
				}
			});
		</script>
	</body>

</html>